$(document).ready(function() {
	PostJSON({
		'function_to_call': "buscarZona",
        'descripcion': ""
        },
        function(zonas) {
        	//con las zonas obtenidas lleno las options del select de busqueda y nueva localidad
        	$('#zonaLocalidad').empty();
        	$('zonaLocalidadNueva').empty();
        	$('zonaLocalidadModificar').empty();
        	var selectZona="<option value='0'></option>";
        	for (var i = 0; i < zonas.length; i++) {
        		selectZona+="<option value='"+zonas[i].id +"'>"+zonas[i].descripcion+"</option>";
        	}
        	$('#zonaLocalidad').append(selectZona);
        	$('#zonaLocalidadNueva').append(selectZona);
        	$('#zonaLocalidadModificar').append(selectZona);
        }
	);
	
	$( "#dialogoNuevo" ).dialog({
		autoOpen: false,
		height: 300,
		width: 350,
		modal: true,
		buttons: {
			"Aceptar": function() {
				PostJSON({
					'function_to_call': "crearLocalidad",
			        'descripcion': $('#descripcionLocalidadNueva').val(),
			        'zona': $('#zonaLocalidadNueva').val()
			        },
			        function(msg) {
			        	
			        	$( "#dialogoNuevo" ).dialog( "close" );
			        	alert(msg);
			        	
				    });
			},
			"Cancelar": function() {
				$( this ).dialog( "close" );
			}
		},
		close: function() {
			
		}
	});
	
	$( "#dialogoModificar" ).dialog({
		autoOpen: false,
		height: 300,
		width: 400,
		modal: true,
		buttons: {
			"Aceptar": function() {
				PostJSON({
					'function_to_call': "modificarLocalidad",
			        'descripcion': $('#descripcionLocalidadModificar').val(),
			        'id': $('#idLocalidadModificar').val(),
			        'zona': $('#zonaLocalidadModificar').val()
			        },
			        function(msg) {
			        	
			        	$( "#dialogoModificar" ).dialog( "close" );
			        	alert(msg);
			        	buscarLocalidad();
			        	
				    });
			},
			"Cancelar": function() {
				$( this ).dialog( "close" );
			}
		},
		close: function() {
			
		}
	});
});

$(function(){
	$('#nuevaLocalidad').click(function(){
			$( "#dialogoNuevo" ).dialog('open');
	});
});	

$(function(){
	$('#buscarLocalidad').click(
		function(){
			buscarLocalidad();
		}
	);
});	

function buscarLocalidad(){
	PostJSON({
		'function_to_call': "buscarLocalidad",
        'descripcion': $('#descripcionLocalidad').val(),
        'zona': $("#zonaLocalidad").val()
        },
        function(localidades) {
        	 $('#resultadoBusqueda').empty();
        	 var tabla ='<table id="tablaLocalidades"><thead><th></th><th>ID</th><th>Descripcion</th><th>Zona</th></tr></thead><tbody>'; 
        	 
        	 for (var i = 0; i < localidades.length; i++) { 
                 tabla+='<tr><td><input type="radio" name="radio" value="'+ localidades[i].id+'"/></td><td>' + localidades[i].id + '</td><td>' + localidades[i].descripcion + '</td><td>'+localidades[i].zDescripcion+'</td></tr>'; 
               }
        	 tabla += '</tbody></table>';
        	 $('#resultadoBusqueda').append(tabla);
        	 $('#resultadoBusqueda').append("<div style='margin-left:40%;'><span id='modificarLocalidad'>Modificar</span>&nbsp;&nbsp;<span id='eliminarLocalidad'>Eliminar</span></div>")
        	 $('#tablaLocalidades').dataTable({
                "bSortClasses": false,
                "bLengthChange": false,
                "bPaginate": true,
        		"bJQueryUI": true,
        	    "sPaginationType": "full_numbers",
		        "bFilter": true,
		        "bSort": true,
		        "bInfo": false,
		        "bAutoWidth": false,
		        "aoColumns": [
		             			{ sWidth: "5%" },
		             			{ sWidth: "15%" },
		             			{ sWidth: "40%" },
		             			{ sWidth: "40%" }
		             		]
        	 }
        			 
        	 );
        	 $('#eliminarLocalidad').click(
        				function(){
        					eliminarLocalidad();
        				}
        			);
        	 $('#modificarLocalidad').click(
        			 function(){
        				 var idLocalidad = $('input[type=radio]:checked').val();
        				 PostJSON({
        						'function_to_call': "buscarLocalidadPorId",
        				        'id': idLocalidad
        				        },
        				        function(resultado) {
        				        	$('#descripcionLocalidadModificar').val(resultado[0].descripcion);
        				        	$('#idLocalidadModificar').val(resultado[0].id);
        				        	$('#zonaLocalidadModificar').val(resultado[0].zona_id);
        				        	$( "#dialogoModificar" ).dialog('open');
        				        }
        				 );
        			 });
        			 
	    });
}

function eliminarLocalidad(){
	PostJSON({
		'function_to_call': "eliminarLocalidad",
        'idLocalidad': $('input[type=radio]:checked').val()
        },
        function(msg) {
        	alert(msg);
        	buscarLocalidad();
        });
}